<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>梦工厂</title>
    <link rel="stylesheet" href="./css/base.css" />
    <link rel="stylesheet" href="./css/common.css" />
    <link rel="stylesheet" href="./css/index.css" />
    <script src="./js/index.js"></script>
</head>
<body>
    <!--头部-->
    <div class="header">
        <div class="wrapper">
            <a href="#" ><img src="./images/logo.png"/></a>
            <div class="sousuo">
                <img src="./images/sousuo.jpg" />
                <input type="search" value="输入你要搜索的关键字" class="kuang"/>
                <input type="submit" value="搜索" class="anliu"/>
            </div>
             <!--导航-->
            <div class="navq">
                <ul class="nav">
                    <li><a href="./index.html">首页</a></li>
                    <li><a href="./aboutUs.html">关于我们</a>
                    <div class="hover">
                        <ul>
                            <li><a href="#">公司简介</a></li>
                            <li><a href="#">领导致辞</a></li>
                            <li><a href="#">机构设置</a></li>
                            <li><a href="#">地理位置</a></li>
                            <li><a href="#">图片介绍</a></li>
                        </ul>
                    </div>
                </li>
                    <li><a href="./CorporateNews.html">企业新闻</a></li>
                    <li><a href="./SuccessStories.html">成功案例</a></li>
                    <li><a href="#">产品中心</a></li>
                    <li><a href="#">人力资源</a></li>
                    <li><a href="#">联系我们</a></li>
                </ul>
            </div>
             <!--导航-->
        </div>
    </div>
    <!--头部-->
    <!--轮播图-->
    <div class="jiaodian">
        <ul class="lunbotu">
            <li><a href="#"><img src="./images/lunbotu1.jpg" /></a></li>
            <li><a href="#"><img src="./images/lunbotu1.jpg" /></a></li>
            <li><a href="#"><img src="./images/lunbotu1.jpg" /></a></li>
            <li><a href="#"><img src="./images/lunbotu1.jpg" /></a></li>
            <li><a href="#"><img src="./images/lunbotu1.jpg" /></a></li>
            
        </ul>
        <span class="left" id="zuohua"><img src="./images/zuo.jpg" /></span>
        <span class="right" id="youhua"><img src="./images/you.jpg" /></span>
        <p class="miaoshu">Dignity 5S Hotel Rooming House</p>
        <div class="tiao"><p>为用户提供最佳的解决方案</p><i>></i></div>
        <ol class="yuanquan">
            
        </ol>
    </div>
    <!--轮播图-->
    <!--公告-->
    <div class="gonggao">
        <div class="neirong"><span>公告:</span><p class="bian">多迪梦工厂是知名免版税设计作品库之一主要业务为微利正版作品及图片素材服务。</p><p>[11-12]</p></div>
        <div class="contact">
            <a href="#"><img src="./images/lian1.jpg"></a>
            <a href="#"><img src="./images/lian2.jpg"></a>
            <a href="#"><img src="./images/lian3.jpg"></a>
            <a href="#"><img src="./images/lian4.jpg"></a>
            <a href="#"><img src="./images/lian5.jpg"></a>
        </div>
    </div>
    <!--公告-->
    <!--内容1-->
    <div class="mybody">
        <div class="wrapper">
            <div class="base">
                <div class="tou">
                    <h4>集团新闻</h4><h4>GROUP</h4>
                    <a href="#"><p>&#9830; more</p></a>
                </div>
                <div class="paragraph">
                <a href="#"><span></span><p>公安部提请党委政府在每辆公交车配安全员</p></a>
                <a href="#"><span></span><p>中科院:三峡工程将来最大受害者是上海</p></a>
                <a href="#"><span></span><p>媒体称苪成钢为开捷豹豪车伪精英:没啥朋友</p></a>
                <a href="#"><span></span><p>传中石油两高管被带走 含原石油工业部长之子</p></a>
                <a href="#"><span></span><p>湖南暴雨致92趟列车停运 乘客被困超24小时</p></a>
                </div>
            </div>

            <div class="base">
                <div class="tou">
                    <h4>销售动态</h4><h4>SHOP</h4>
                    <a href="#"><p>&#9830; more</p></a>
                </div>
                <div class="tuwen">
                    <span><</span>
                    <span>></span>
                    <img src="./images/qizhi.jpg" />
                    <p>多迪梦工厂是知名免版税设计作品库之一主要业务为微利正版作品及图片素材服务。</p>
                </div>
            </div>
            <div class="base">
                <div class="top">
                    <div>
                        <p>全国免费专线</p>
                        <p>HOTLTNE</p>
                    </div>
                    <img src="./images/ren.png" />
                </div>
                <div class="bottom">
                    <p class="dianhua"><img src="./images/dianhua.jpg"/>400-123-123456</p>
                    <div><p>商务热线：020-1234567</p><a href="#"><img src="./images/zixun.jpg" /></a></div>
                    <div><p>E-mail:123@123321.com</p><a href="#"><img src="./images/zixun.jpg" /></a></div>
                </div>
            </div>
        </div>
    </div>
    <!--内容1-->
    <!--内容2-->
    <div class="twobody">
        <div class="wrapper">
        <div class="base">
            <div class="tou">
                <h4>产品中心</h4><h4>PRODUCT</h4>
                <a href="#"><p>&#9830; more</p></a>
            </div>
            <div>
                <ul class="tupian">
                    <li><img src="./images/chanpin1.jpg"/><span><p>多迪梦工厂</p></span></li>
                    <li><img src="./images/chanpin2.jpg"/><span><p>多迪梦工厂</p></span></li>
                    <li><img src="./images/chanpin3.jpg"/><span><p>知名免版质免版税模板</p></span></li>
                    <li><img src="./images/chanpin4.jpg"/><span><p>您可以在拥有版</p></span></li>
                </ul>
            </div>
            <ol class="yuanquan">
                <li></li>
                 <li></li>
                 <li></li>
            </ol>
        </div>
        <div class="luntu1">
            <ul>
                <li><img src="./images/shangdian.jpg"/></li>
            </ul>
            <div class="touming">
                <p>多迪梦工厂</p>
                <ul>
                    <li>1</li>
                    <li>2</li>
                    <li>3</li>
                    <li>4</li>
                </ul>
            </div>
        </div>
    </div>
    </div>
    <!--内容2-->
    <!--内容3-->
    <div class="threebody">
        <div class="wrapper">
            <div class="base">
                <div class="tou">
                    <h4>活动中心</h4><h4>ACTIVE CENTER</h4>
                    <a href="#"><p>&#9830; more</p></a>
                </div>
                <div class="shang">
                    <img src="./images/chuan.jpg" />
                    <div>
                        <h2>传递正能量，普及国学教育</h2>
                        <p class="xiaozi">梦工厂是知名免版质免版税模板库中找到税模板库 <a href="#" class="quanwen">[全文]</a></p>
                    </div>
                </div>
                <div class="shang">
                    <img src="./images/plane.jpg" />
                    <div>
                        <h2>何做到持续何做持盈利庆</h2>
                        <p class="xiaozi">您可以在拥有版税模板库之一主要业海量高品质免对值得您选用  <a href="#" class="quanwen">[全文]</a></p>
                    </div>
                </div>
            </div>
            <div class="base">
                <div class="tou">
                    <h4>媒体报道</h4><h4>MEDIA</h4>
                    <a href="#"><p>&#9830; more</p></a>
                </div>
                <div class="datu">
                    <img src="./images/meeting.jpg" />
                    <p class="xiaozi">梦工厂是知名免版税模板库之一主要业务为微利正版模板及图片素材服务税模主要业税模板库之一主要业可以在拥有海量高品质免版...&emsp; <a href="#" class="quanwen">[全文]</a></p>
                </div>
            </div>
            <div class="base">
                <div class="tou">
                    <h4>集团新闻</h4><h4>GROUP</h4>
                    <a href="#"><p>&#9830; more</p></a>
                </div>
                <div class="map">
                    <div class="gps"><img src="./images/map.jpg"><img src="./images/gps.png"/></div>
                    <ul>
                        <li><a href="#">北京</a></li>
                        <li><a href="#">上海</a></li>
                        <li><a href="#">深圳</a></li>
                        <li><a href="#">广州</a></li>
                        <li><a href="#">长春</a></li>
                        <li><a href="#">沈阳</a></li>
                        <li><a href="#">哈尔滨</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    </div>
    <!--内容3-->
    <!--底部-->
    <div class="bottomBody">
        <div class="wrapper">
            <div class="di">
                <ul>
                    <li>关于我们</li>
                    <li><a href="#">公司简介</a> </li>
                    <li><a href="#">领导致辞</a></li>
                    <li><a href="#">机构设置</a></li>
                    <li><a href="#">地理位置</a></li>
                    <li><a href="#">图片介绍</a></li>
                </ul>
            </div>
            <div class="di">
                <ul>
                    <li>我们的产品</li>
                    <li><a href="#">产品名称第一</a> </li>
                    <li><a href="#">汇源果汁</a></li>
                    <li><a href="#">哇哈哈矿泉水</a></li>
                
                </ul>
            </div>
            <div class="di">
                <ul>
                    <li>市场活动与促销</li>
                    <li><a href="#">年底促销</a> </li>
                    <li><a href="#">6.18年中大促销</a></li>
                </ul>
            </div>
            <div class="di">
                <ul>
                    <li>服务支持</li>
                    <li><a href="#">售后服务</a> </li>
                    <li><a href="#">资料下载</a></li>
                    <li><a href="#">招商加盟</a></li>
                </ul>
            </div>
            <div class="di">
                <ul>
                    <li>合作伙伴</li>
                    <li><a href="#">网易</a><a href="#">搜狐</a> </li>
                    <li><a href="#">新浪</a><a href="#">加盟</a></li>
                    <li><a href="#">中信</a><a href="#">腾讯</a></li>
                </ul>
            </div>
            <div class="hou">
                <div class="qrCode">
                    <img src="./images/qrcode.png" />
                    <div class="contact">
                        <a href="#"><img src="./images/lian1.jpg"></a>
                        <a href="#"><img src="./images/lian2.jpg"></a>
                        <a href="#"><img src="./images/lian3.jpg"></a>
                        <a href="#"><img src="./images/lian4.jpg"></a>
                        <a href="#"><img src="./images/lian5.jpg"></a>
                        <a href="#"><img src="./images/lian6.jpg"></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--底部-->
    <!--声明-->
    <div class="fawuBody">
        <div class="wrapper">
            <div><img src="./images/xiaLOGO.png"/></div>
            <div><p class="number">400-123-123456</p></div>
            <div><p class="">© 20010-20011 版权所有 2003 -2010 &emsp;&emsp; dodi.cn  &emsp; 分享设计作品？就去多迪梦工厂！</p></div>
            <a href="#" class="returnTop"><img src="./images/returnTop.png"/>
            </a>
        </div>
    </div>
    <!--声明-->
</body>


</html>